<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
     <%@ taglib prefix="tiles" uri="http://tiles.apache.org/tags-tiles" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>행쇼~</title>
<style type="text/css">
/*css로 페이지 레이아웃 구성*/
#container{
	width: 1122px; /* left 250(padding 5+5) + main 650(padding 5+5) + border 1+1  */
	border: 1px solid white; /*엘리먼트 네 방향 주변 테두리 선*/
	margin-left: auto; /*좌우여백 동일하게 하여 중앙정렬 효과*/
	margin-right: auto;
	background-image: url("${initParam.root}/img/bg.jpg");
}
#header{
	padding: 5px;/*내용과 테두리 사이 간격 할당*/
	height: 200px;
	/* border-bottom: 1px solid black; */
}
#left{
	padding: 5px;
	height: 550px;
	width: 200px;
	/* border: 1px solid red; */
	float: left; /*엘리멘트 부유 위치 지정*/
}
#main{
	padding: 5px;
	height: 700px;
	width: 900px;
	/* border-left: 1px solid black; */
	float: left;
}
#footer{
	padding-top: 5px;
	height: 180px;
	/* border-top: 1px solid black; */
	clear: both; /*float 속성을 쓴 특정 요소보다 아래에 위치해야 한다는 의미*/
	text-align: center;
}
</style>
</head>
<body>
<div id="container" >
<div id="header"><tiles:insertAttribute name="header" /></div>
<div id="left"><tiles:insertAttribute name="left" /></div>
<div id="main"><tiles:insertAttribute name="main" /></div>
<div id="footer"><tiles:insertAttribute name="footer" /></div>
</div>
</body>
</html>